.krg.index-contentarea {
  min-height: 240px;
  margin-top: 40px;
}
.krg.index-contentarea .indexslogan {
  text-align: right;
}
.krg.index-contentarea .indexslogan > span {
  color: #ffae00;
  font-family: font-family-text;
  font-size: small;
  margin-right: 10px;
}
.krg.indexbanner {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-image: url('/img/loginbanner.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.krg.indexbanner:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: linear-gradient(to bottom right, #68b8ee, #5c0a0a);
  opacity: 0.6;
}
.indexslogan {
  position: absolute;
  overflow: auto;
  top: 200px;
  left: 0px;
  right: 0px;
  bottom: 20px;
  width: 100%;
  height: 100%;
}
.indexslogan li {
  margin-right: 10px;
  font-family: font-family-theme, 'Times New Roman', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #fff;
  font-size: x-large;
  text-align: right;
  list-style-type: none;
}